<!DOCTYPE html>
<html>
<head>
  <title>logdown.js</title>
  <link rel="icon" type="image/png" href="https://cdn.rawgit.com/caiogondim/logdown.js/master/img/favicon.png" />
  <style>
    html {
      height: 100%;
    }

    body {
      margin: 0;
      height: 100%;
    }

    h1 {
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-weight: 300;
      text-transform: uppercase;
      color: #333333;
      padding: 20px;
      display: inline-block;
      border: 2px solid #333333;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-rendering: optimizelegibility;
      text-align: center;
    }

    .fork-on-github {
      background-color: #999999;
      color: #FFFFFF;
      text-transform: uppercase;
      position: absolute;
      text-decoration: none;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-weight: 300;
      padding: 15px;
      transform: rotate(45deg);
      width: 300px;
      top: 75px;
      right: -65px;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1 class="open-devtools">Open your devtools</h1>
  <a
    href="https://github.com/caiogondim/logdown"
    class="fork-on-github"
    target="_blank"
  >
    Fork me on GitHub
  </a>
  <script>
    localStorage.debug = '*'
  </script>
  <script src="./dist/logdown.js"></script>
  <script>
    var demo = logdown('demo')

    function showLogMessages() {
      var gap = 2000
      var i = 1
      var timeout

      demo.log('Initializing demo')

      timeout = i * gap
      i += 1
      setTimeout(function() {
        var log1 = logdown('foo:bar')
        log1.log('Lorem *ipsum* dolor sit _amet_ foo bar')
        log1.warn('The method `foo()` is deprecated. You should use `bar()`')
      }, timeout)

      timeout = i * gap
      i += 1
      setTimeout(function() {
        var log2 = logdown('foo:quz')
        log2.log('Lorem *ipsum* dolor sit _amet_ foo bar')
        log2.warn('The method `foo()` is deprecated. You should use `bar()`')
      }, timeout)

      timeout = i * gap
      i += 1
      setTimeout(function() {
        var log3 = logdown('baz')
        log3.info('Sit viderer eripuit tincidunt an')
        log3.error('The method `dolor()` is no longer supported.')
      }, timeout)

      timeout = i * gap
      i += 1
      setTimeout(function() {
        var log4 = logdown('corge')
        log4.log('Id ius atqui interpretaris. Usu ea *dolor* alterum labores')
        log4.warn('Simul *nonumes* qui ei.')
      }, timeout)

      timeout = i * gap
      i += 1
      setTimeout(function() {
        var log4 = logdown('grault')
        log4.log('Molestie nominati _recteque_ no eam, qui *ei* putant delicatissi')
        log4.log('Cum at `delenit()` *apeirian* forensibus')
      }, timeout)

      timeout = i * gap
      i += 1
      setTimeout(function() {
        var log6 = logdown('waldo')
        log6.log('Molestie nominati _recteque_ no eam, qui *ei* putant delicatissi', {foo: 1, bar: 2})
        log6.log('Cum at delenit *apeirian* forensibus', [1, 2, 3, 4, 5])
      }, timeout)

      timeout = i * gap
      i += 1
      setTimeout(function() {
        demo.log('Demo finished')
      }, timeout)
    }

    showLogMessages()

  </script>
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga')

    ga('create', 'UA-60987420-1', 'auto')
    ga('send', 'pageview')
  </script>
</body>
</html>
